<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<div>div1</div>
<div>div2</div>
<div>div3</div>
<input type="button" value="添加">
<input type="button" value="插入">

<script type="text/javascript" src="../js/jquery-1.4.2.js"></script>
<script type="text/javascript">
	$("input:first").click(function(){
		var d=$("<div>abc</div>");
		//$("body").append(d);//后面添加
		$("body").prepend(d);//前面添加
	});
	$("input:eq(1)").click(function(){
		var d=$("<div>我是新来的</div");
	//	$("div:eq(1)").before(d);
		$("div:eq(1)").after(d);
	});$("input:last").click(function(){
		//删除
			$("div:eq(1)").remove();
		});
</script>
</body>
</html>